<script  setup>
import { RouterView ,RouterLink} from "vue-router";

</script>
<template>
  <div class="common-layout">
    <el-container>
      <el-header class="Header">Header图标库</el-header>
      <el-container>
        <el-aside width="200px" class="aside">
            <ul>
              <li>
                <RouterLink to="/content/">员工管理</RouterLink>

              </li>
              <li>
                <RouterLink to="/content/indexHD">活动管理</RouterLink>

              </li>
            </ul> 
          

 
        </el-aside>
        <el-container>
          <el-main class="Main">
          <!-- 视口1111 -->
            <RouterView></RouterView>
          </el-main>
          <el-footer class="Footer">Footer</el-footer>
        </el-container>
      </el-container>
    </el-container>
  </div>

</template>

<style scoped lang="scss">

        .common-layout{
            // width: 100vw;
            // height: 100vh;
            background-color: pink;
        }

        el-header,el-aside,el-container,el-main,el-footer{
            border: 1px solid gray;
        }

        .Main{
          height: 60px;}
        

        .Header,.aside,.Main,.Footer{
            border: 1px solid gray;
        }
        .Header,.Footer{
            height: 60px;
        }
        .aside{
            height:  calc(100vh - 120px);
        }

</style>

